<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<!DOCTYPE html>

<html xmlns:c="http://java.sun.com/jsp/jstl/core">
<head>
	<!-- CSS-Dateien verknï¿½pfen -->
	<link type="text/css" rel="stylesheet" href="<c:url value="/resources/style/index.css" />" />

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

	<title>rate-your-series.com</title>
</head>
<body>
	<!-- Header mit Menüleiste -->
	<%@ include file="./header.jsp" %>
	
	<div id="main">
		<div class="slideshow_wrapper">
	        <div id="slideshow">
	            <div id="slide0" class="slide">
	                <div class="slidetext">
	                  <h2>Platz 1</h2>
	                </div>
	            </div>
	            <div id="slide1" class="slide">
	                <div class="slidetext">
	                    <h2>Platz 2</h2>
	                </div>
	            </div>
	            <div id="slide2" class="slide">
	                <div class="slidetext">
	                    <h2>Platz 3</h2>
	                </div>
	            </div>
	        </div>
	        <div class="dot-nav">
	            <div id="arrow-left"></div>
	            <div id="dot0" class="dot"></div>
	            <div id="dot1" class="dot"></div>
	            <div id="dot2" class="dot"></div>
	            <div id="arrow-right"></div>
	        </div>
		</div>
		
		<div class="right" id="topten">
			<h3>Top 10 der Serien</h3>
			<ol>
				<c:forEach var="rankingPaar" items="${ranking}" begin="0" end="9">
					<li><a href="<c:url value="/serien/${fn:replace(rankingPaar[0], ' ', '-')}"/>">${rankingPaar[0]}</a></li>
				</c:forEach>	
			</ol>
		</div>
		
		<div class="right" id="toptrailer">
		
			<h3>Top Trailer</h3>
			<ul>
				<li><a href="#">
					<iframe src="http://www.youtube.com/embed/R1v0uFms68U" frameborder="0" allowfullscreen></iframe>
					<span><a href="<c:url value="/serien/The-Walking-Dead" />">The Walking Dead</a></span>
				</a></li>
				<li><a href="#">
					<iframe src="http://www.youtube.com/embed/fSDbuMAHEWE" frameborder="0" allowfullscreen></iframe>
					<span><a href="<c:url value="/serien/How-I-Met-Your-Mother" />">How I Met Your Mother</a></span>	
				</a></li>
				<li><a href="#">				
					<iframe src="http://www.youtube.com/embed/HhesaQXLuRY" frameborder="0" allowfullscreen></iframe>
					<span><a href="<c:url value="/serien/Breaking-Bad" />">Breaking Bad</a></span>
				</a></li>
			</ul>
		</div>
	
		<div class="content">
			<h3>Aktuelle Top Seriennews</h3>
	       <div class="news">
	       		<img id="logo" src="<c:url value="/resources/Media/news_bigbang.jpg"/> "/>
	            <h2>Big Bang Theory: TV Kritik</h2>
	            <p>Die letzten „The Big Bang Theory“-Episoden waren oft enttäuschend, in vieler Hinsicht wurden sie den Erwartungen nicht gerecht. Die Episode Klozilla ignoriert die Erwartungshaltung und wendet sich zwei Geschichten zu, die als albern im positiven Sinne beschrieben werden können. Fürs Erste geht es einfach nur um Sheldons amüsante Begegnung mit Cosmopolitan und Howards wie so oft peinliche Vergangenheit. 
	       		<br><a href="<c:url value="/news1" />">Weiterlesen</a></p>
	        </div>
	        <div class="news">
				<img id="logo" src="<c:url value="/resources/Media/news_walkingdead.jpg"/> "/>	       
				<h2>The Walking Dead: Strangers - Review</h2>
	            <p>Im fünften Staffelauftakt von „The Walking Dead“ (No Sanctuary) wurde kurzer Prozess mit Terminus gemacht. Vor allem dank Carol (Melissa McBride), der One-Woman-Rambo, gelang es der Gruppe, aus der Gefangenschaft der Terminiten zu entkommen, viele der Bewohner zu töten und deren Kannibalenkult in die Schranken zu weisen. Dass das nicht restlos gelungen ist, zeigt nun die Episode Strangers, die mehrere Vermutungen belegt.
	        	<br><a href="<c:url value="/news2" />">Weiterlesen</a></p>
	        </div>
	        <div class="news">
	        	<img id="logo" src="<c:url value="/resources/Media/news_gameofthrones.jpg"/> "/>
	            <h2>Game of Thrones: Lost-Star Adewale Akinnuoye-Agbaje verpflichtet</h2>
				<p>Ein bekanntes Gesicht aus Lost und Oz wird sich in der kommenden Staffel von Game of Thrones auf HBO blicken lassen. Es handelt sich um Schauspieler Adewale Akinnuoye-Agbaje.
				<br><a href="<c:url value="/news3" />">Weiterlesen</a></p>
	        </div>
	        <div class="news">
	        	<img id="logo" src="<c:url value="/resources/Media/news_himym.jpg"/> "/>
	            <h2>HIMYM: Neil Patrick Harris wird Oscar-Moderator 2015</h2>
	            <p>Neil Patrick Harris ist nicht nur Schauspieler, Musicaldarsteller und Zauberer, sondern auch so etwas wie ein Teilzeit-Award-Show-Moderator. Bereits vier mal führte er durch die Tony Awards und gewann dafür jedes Mal einen Emmy. Auch die Emmys selbst moderierte er schon zweimal. Nun darf er einen neuen Karrierehöhepunkt als Moderator in seine Vita aufnehmen: Oscarmoderator. 
	       		<br><a href="<c:url value="/news4" />">Weiterlesen</a></p>
	        </div>
		</div>
	</div>

    <!-- Seitenfooter -->
	<%@ include file="./footer.jsp" %>
	

	<!--  JQuery & JavaScript Scripte einbinden -->
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript" src=" <c:url value="/resources/script/standard.js"/> "></script>
    <script type="text/javascript" src=" <c:url value="/resources/script/index.js"/> "></script>
</body>
</html>